<div class="page-header no-breadcrumb font-header">创建设备组</div>
<div class="content-wrap">
    <div class="panel panel-default">
        <!--panel-body-->
        <div class="panel-body">
            <div class="form-horizontal font-12">
                <form novalidate="novalidate" class="form-horizontal bv-form" method="post" id="defaultForm">
                    <div class="tab-content p-20">
                        <div class="form-group row">
                            <label class="col-sm-1 control-label">组名</label>

                            <div class="col-sm-11">
                                <input type="text" placeholder="创建设备组名称" class="form-control" data-bv-field="layoutName20" name="layoutName20"/>
                            </div>
                        </div>
                        <div class="form-group row common-ptop">
                            <div class="col-sm-offset-1">
                                <h4 class="common-pleft">视频广告</h4>
                            </div>
                        </div>
                        <div class="form-group row common-ptop">
                            <label class="col-sm-1 control-label">分组</label>

                            <div class="col-sm-11">

                                <!--relative-->
                                <div class="relative">
                                    <div class="btn-padding inblock">
                                        <button type="button" class="btn btn-success btn-flat">待机视频</button>
                                    </div>
                                    <div class="btn-padding inblock">
                                        <button type="button" class="btn btn-warning btn-flat">政策视频</button>
                                    </div>
                                    <div class="btn-padding inblock">
                                        <button type="button" class="btn btn-primary btn-flat">公益视频</button>
                                    </div>
                                </div>
                                <!--relative-->

                                <!--relative-->
                                <div class="relative">
                                    <div class="table-items">
                                        <table aria-describedby="datatable_info"
                                               class="table table-striped font-12 dataTable no-footer">
                                            <thead>
                                            <tr>
                                                <th>
                                                    <div class="task-chk-wrap">
                                                        <div class="checkbox-inline">
                                                            <div class="custom-checkbox font-12">
                                                                <input type="checkbox" class="library-chk" id="all1"
                                                                       name="all1">
                                                                <label for="all1">全选</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </th>
                                                <th class="text-center">视频名称</th>
                                                <th class="text-center">操作</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td>
                                                    <div class="task-chk-wrap">
                                                        <div class="checkbox-inline">
                                                            <div class="custom-checkbox font-12">
                                                                <input type="checkbox" class="library-chk" id="task2"
                                                                       name="task2">
                                                                <label for="task2"></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td class="text-center">title1</td>
                                                <td class="text-center">
                                                    <a href="#" class="text-btn text-info">预览</a>
                                                </td>
                                            </tr>

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <!--relative-->
                            </div>
                        </div>
                        <div class="form-group row common-ptop">
                            <div class="col-sm-offset-1">
                                <h4 class="common-pleft">图片广告</h4>
                            </div>
                        </div>
                        <div class="form-group row common-ptop">
                            <label class="col-sm-1 control-label">分组</label>

                            <div class="col-sm-11">

                                <!--relative-->
                                <div class="relative">
                                    <div class="btn-padding inblock">
                                        <button type="button" class="btn btn-success btn-flat">待机图片</button>
                                    </div>
                                    <div class="btn-padding inblock">
                                        <button type="button" class="btn btn-warning btn-flat">政策图片</button>
                                    </div>
                                    <div class="btn-padding inblock">
                                        <button type="button" class="btn btn-primary btn-flat">公益图片</button>
                                    </div>
                                </div>
                                <!--relative-->

                                <!--relative-->
                                <div class="relative">
                                    <div class="table-items">
                                        <table aria-describedby="datatable_info"
                                               class="table table-striped font-12 dataTable no-footer">
                                            <thead>
                                            <tr>
                                                <th>
                                                    <div class="task-chk-wrap">
                                                        <div class="checkbox-inline">
                                                            <div class="custom-checkbox font-12">
                                                                <input type="checkbox" class="library-chk" id="all"
                                                                       name="all">
                                                                <label for="all">全选</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </th>
                                                <th class="text-center">图片名称</th>
                                                <th class="text-center">操作</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td>
                                                    <div class="task-chk-wrap">
                                                        <div class="checkbox-inline">
                                                            <div class="custom-checkbox font-12">
                                                                <input type="checkbox" class="library-chk" id="task2"
                                                                       name="task2">
                                                                <label for="task2"></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td class="text-center">title1</td>
                                                <td class="text-center">
                                                    <a href="#" class="text-btn text-info">预览</a>
                                                </td>
                                            </tr>

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <!--relative-->
                            </div>
                        </div>

                        <div class="form-group row">
                            <div class="col-lg-9 col-lg-offset-3">
                                <button class="btn btn-primary" type="submit">保存</button>
                                <button id="resetBtn" class="btn btn-info" type="button">重置</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <!--panel-body-->


    </div>
</div>



